<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta property="qc:admins" content="63350727776371646636" />


    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>山东财经大学创新创业协会</title>
    <meta name="keywords" content="swift,swift 教程,swift视频,swift论坛,swiftv课堂,swift培训,swift开发,ios8 开发,ios9 编程" />
    <meta name="description" content="SwiftV课堂是国内氛围最好的swift学习、交流网站，提供上千套swift视频,swift教程免费观看，学Swift开发(iOS10 开发)就上SwiftV课堂。" />
    <link rel="shortcut icon" type="image/x-icon" href="http://static.vlms.cn/images/2014/08/hyjpep4o.png" media="screen" />

    <link href="resources/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" media="screen" href="resources/css/bootstrap-extends.css" />

    <!-- 预览、自定义、默认css样式  -->
    <link rel="stylesheet" media="screen" href="resources/css/schoolweb.css" />

    <!-- 回到顶部样式  -->
    <link rel="stylesheet" media="screen" href="resources/css/upDown.css" />

    <script src="resources/js/jquery.min.js"></script>
    <script src="resources/js/main.js"></script>

    <!-- 回到顶部样式  -->
    <script src="resources/js/JQscrollTop.js"></script>
    <script src="resources/js/updown.js"></script>

    <!--[if lt IE 8]>
    <link href="//static.vlms.cn/resources/wangxiaoyun/css/oldie.css" rel="stylesheet">
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="//static.vlms.cn/resources/wangxiaoyun/libs/html5shiv.js"></script>
    <![endif]-->

    <!--[if IE 8]>
    <script src="//static.vlms.cn/resources/wangxiaoyun/libs/respond.min.js"></script>
    <![endif]-->

</head>
<body id="bodyColor" class="">

<style>
    .nav-list > li.active > a {
        background-color: #ffa275;
        color: #ffffff;
    }

    .site-navbar .navbar-nav > li > a:hover {
        background-color: #ffa275;
        color: #ffffff;
    }
</style>

<div class="navbar navbar-inverse site-navbar" id="site-navbar">
    <div class="container">
        <div class="container-gap">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand-logo" href="index.html">
                    <img src="resources/images/title2.png" alt="E-job" title="E-job" height="55px;" />
                </a> 
            </div>

            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="course/explore-sort=latest.html"  >企业介绍</a></li>
                    <li><a href="https://www.boxueio.com/skill/swift?v"  target="_blank" >培训辅修</a></li>
                    <li><a href="page/qun.html"  >考试认证</a></li>
                    <li><a href="page/lianxi.html"  >应职报名</a></li>
                    <li><a href="page/lianxi.html"  >网上面试</a></li>
                    <li><a href="page/lianxi.html"  >E-job论坛</a></li>
                </ul>

                <ul class="nav navbar-nav navbar-right" id="rightBar">


                </ul>
        

            </div><!--/.navbar-collapse -->
        </div>
    </div>
</div>


<script>
    $(document).ready(function(){
        $(".typehead").click(function(){
            $(this).css("background","white");
            $(".xin-search-btn").css({"background":"white","border":"1px solid #FFFFFF"});
        });

        $(".typehead").blur(function(){
            $(this).css("background","#5c5f68");
            $(".xin-search-btn").css({"background":"#5c5f68","border":"1px solid #5c5f68"});
        });

        //搜索按钮
        $(".xin-search-btn").click(function(){
            var key=$(".search_input").val();
            var url = "";
            if (getUrlParam('theme')) {
                var value = getUrlParam('theme');
                url="/search/course?keyword="+key+"&theme="+value;
            }else{
                url="/search/course?keyword="+key;
            }
            location.href=url;
        });

        //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  	//匹配目标参数
            if (r != null) return unescape(r[2]); return null; 		//返回参数值
        }

    });
</script>

<style>
    .autumn-grid{
        margin:0px 10px 17px 15px;
        width:250px;
    }
    .newUserlist,.videolist,.group,.hotlabel{
        margin:0px;
        padding:0px;
        list-style:none;
    }
    .hotlabel{padding-bottom:10px;}
    .label{line-height:2em;}

    .newUserlist li,.videolist li{
        padding:5px 0;
        border-bottom:1px solid #e2e2e2;
    }

    .group-grids{
        display:inline-block;
        width:50px;
        height:100px;
        margin-left:30px;
        vertical-align:top;
        word-break:break-all;
        word-wrap:break-word;
    }
    .group-grids a{ color:inherit; }
    .courseAnnounce{
        padding:0px;
        list-style:none;
    }
    .courseAnnounce li{
        border-bottom:1px solid #ddd;
        margin-bottom:5px;
        padding-bottom:5px;
    }
    .hotlabel a{
        color:inherit;
    }
    .colorFont{
        color:#1cb03e;
    }
    .relative{
        position:relative;
    }
    .maskContent{
        position:absolute;
        bottom:110px;
        left:0px;
        width:100%;
        height:0px;
        overflow:hidden;
        background-color:#000;
        opacity:0.8;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    .maskContent a{
        display:block;
        width:100%;
        height:100%;
    }
    .maskContent-text{
        color:#e2e2e2;
        text-align:left;
        margin-top:10px;
        padding:0 10px;
        line-height:1.8em;
        transition:height 0.6s linear;
        -ms-transition:height 0.6s linear;
        -webkit-transition:height 0.6s linear;
        -o-transition:height 0.6s linear;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    .course-metas{
        text-align:center;
    }
    .teachers{
        float:left;
    }
    .people img{
        border:1px solid #c0c0c0;
    }
    .bordered{
        border:1px solid #c0c0c0;
    }
    .shadowShow:hover{
        box-shadow:0 0 5px black;
        -webkit-box-shadow:0 0 5px black;
        -moz-box-shadow:0 0 5px black;
        -o-box-shadow:0 0 5px black;
    }
    .pdl4{
        padding-left:4px !important;
    }
    .reviewCourseTitle{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .reviewCourseTitle a{
        color: #1cb03e;
    }
</style>

<div id="content-container" class="container">

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="resources/images/carousel_1.jpg" alt="...">
    </div>
    <div class="item">
      <img src="resources/images/carousel_1.jpg" alt="...">
    </div>
    <div class="item">
      <img src="resources/images/carousel_1.jpg" alt="...">
    </div>
    <div class="item">
      <img src="resources/images/carousel_1.jpg" alt="...">
    </div>
    <div class="item">
      <img src="resources/images/carousel_1.jpg" alt="...">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
    <ul class="homepage-category-nav">
        <li><a href="course/explore/hw4yrq6p.html">前端教程</a></li>
        <li><a href="course/explore/hw4ytn7s.html">后端教程</a></li>
        <li><a href="course/explore/hw4ytwj6.html">移动端教程</a></li>
        <li><a href="course/explore/hwiuosfk.html">大数据教程</a></li>
        <li><a href="course/explore.html">数据库教程</a></li>
    </ul>
    <div class="imenu_bg">
        <div class="submnu pull-left">
            <div class="notices-title" style="background:#ffa275"><h4 style="color:#ffffff">好文章 专区---这儿只有站长认为值得一读的文章 <span class="more"><a href="news/list.html" >更多>></a></span></h4></div>
            <div class="content-area fontlist">
                <ul>
                    <li><a href="news/e6162c7e.html" title="Swift 3 SE-0006 在标准库中应用API设计指南">Swift 3 SE-0006 在标准库中应用API设计指南 <em class="text-danger" style="padding-left:1em;"><strong>10590</strong>次浏览</em>  <span>2016-06-22</span></a></li>
                    <li><a href="news/879a7868.html" title="使用“Markdown方言”编写代码注释-Swift 3">使用“Markdown方言”编写代码注释-Swift 3 <em class="text-danger" style="padding-left:1em;"><strong>9567</strong>次浏览</em>  <span>2016-06-22</span></a></li>
                    <li><a href="news/73f3a5b3.html" title="Swift 3 SE-0005 更好的把Objective-C APIs转换成Swift版本">Swift 3 SE-0005 更好的把Objective-C APIs转换成Swift版本 <em class="text-danger" style="padding-left:1em;"><strong>9676</strong>次浏览</em>  <span>2016-06-22</span></a></li>
                    <li><a href="news/474ff07e.html" title="Swift 3 SE-0023 API设计指南">Swift 3 SE-0023 API设计指南 <em class="text-danger" style="padding-left:1em;"><strong>9958</strong>次浏览</em>  <span>2016-06-22</span></a></li>
                </ul>
            </div>
        </div>


        <script>$('.submnu').css("width","100%");</script>

    </div>

    <style>
        #panel-heading_c {border-bottom-color:#ffa275}

        #panel-title_c {color:#ffffff; background:#ffa275}
    </style>
    
    <script src="resources/js/vue.js"></script>

    <div class="content">
        <div class="row">
            <div class="col-lg-9">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-autumn panel-autumn-primary" id="vue_list">
                            <div class="panel-heading panel-heading-important" id="panel-heading_c">
                                <h2 class="panel-title" id="panel-title_c">最新课程</h2>
                            </div>
                            <div class="panel-body"  v-for="data in list">
                                <ul class="autumn-grids Courselist">
                                    <li class="autumn-grid autumn-course-grid relative">
                                        <a v-bind:href="data.course_url" class="getCourse" javascript:;>
                                            <img v-bind:src="data.course_imageUrl" width="248px" height="132px" >
                                        </a>
                                        <h3 class="course-name"><a class="getCourse" v-bind:href="data.course_url" javascript:;>{{data.course_name}}</a></h3>
                                        <div class="course-metas">
                                            <span class="price">{{data.course_price}}</span>
                                            <span class="teachers">
<span class="glyphicon glyphicon-user text-muted"></span>
<a class="text-muted" href="user/hxo2wsf4.html">HJ</a>
</span>
                                            <span class="text-muted">{{data.course_intro}}</span>
                                            <div class="maskContent">
                                                <a href="course/iruoiziw.html">
                                                    <p class="maskContent-text">
                                                        {{data.course_intro}}
                                                    </p>
                                                </a>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div> <!-- panel -->
                    </div>
                </div>

            </div>
            <div class="col-lg-3">




                <div class="panel panel-autumn">
                    <div class="panel-heading panel-heading-important" id="panel-heading_c">
                        <h4 class="panel-title">讲师列表</h4>
                    </div>
                    <div class="panel-body">
                        <ul class="group clearfix people">
                            <li class="group-grids">
                                <a href="user/iji7dkgk.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2016/04/inhfwuye.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/iji7dkgk.html">方一雄</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/ihwuy619.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2015/12/ihxjxv3v.png"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/ihwuy619.html">泊学</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i9h0nb58.html">
                                    <img class="img-circle" width="50px" height="50px"  src="resources/images/avatars/55avatar.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i9h0nb58.html">飞翔</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i9gowl8j.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2015/05/i9gp0ppn.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i9gowl8j.html">十步奶一人</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i7ahj2zf.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2015/03/i7akgh2u.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i7ahj2zf.html">Paul Hegarty</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i6w6cdji.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2015/08/idzu6wsl.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i6w6cdji.html">洛风</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i200x89n.html">
                                    <img class="img-circle" width="50px" height="50px"  src="resources/images/avatars/25avatar.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i200x89n.html">liumingl</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i1p05x1d.html">
                                    <img class="img-circle" width="50px" height="50px"  src="resources/images/avatars/25avatar.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i1p05x1d.html">痘子</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/i0hb7dwh.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2014/09/i0hfvaof.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/i0hb7dwh.html">jamszhy</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/hzhstxeg.html">
                                    <img class="img-circle" width="50px" height="50px"  src="resources/images/avatars/50avatar.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/hzhstxeg.html">kevin</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/hzcg27e5.html">
                                    <img class="img-circle" width="50px" height="50px"  src="resources/images/avatars/3avatar.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/hzcg27e5.html">StrongX</a></p>
                            </li>
                            <li class="group-grids">
                                <a href="user/hyrzoo18.html">
                                    <img class="img-circle" width="50px" height="50px"  src="http://static.vlms.cn/images/2014/08/hytjtqi7.jpg"/>
                                </a>
                                <p class="text-center text-muted"><a href="user/hyrzoo18.html">麦子学院</a></p>
                            </li>
                        </ul>
                    </div>
                </div>
    </div>
</div>
</div>
</div>
<script src="resources/js/utils.js"></script>
<script src="resources/js/rightBar.js"></script>
<script src="resources/js/unslider.min.js"></script>
<script src="resources/js/autocomplete.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<!-- 检测是否已经登录 -->
<script>
    $(function(){
        AjaxIO.post('/getIndexCourses', {n:6}, function(results) {
            new Vue({
                     el: '#vue_list',
                     data: results.data,
                
            })
            $('.getCourse').click(function(event) {
                var course_url = $(this).attr("href")
                var course_id = course_url.substring(15)

                localStorage.setItem("course_id",course_id)

                location.href = "course.html"
            });

        });

    });
</script>

<script>
    var app = {};
    app.debug = false;
    app.arguments = {};
    app.controller = 'index';
</script>
<script>
    $(function(){
        LabelChange();//调用标签样式切换效果
        CourseShowSum();//调用课程模块上的描述切换效果
        ClearMaskDiv();//调用去除课程模块上描述的html功能
        ClearCourseAnnounceDiv();//调用除去课程公告模块上的样式
    });

    /**
     *CourseShowSum()
     *课程模块上的描述切换效果
     **/
    function  CourseShowSum(){
        $(".Courselist li").hover(function(){

            $(this).find(".maskContent").css({
                "transition":"height 0.3s linear",
                "-ms-transition":"height 0.3s linear",
                "-webkit-transition":"height 0.3s linear",
                "-o- transition":"height 0.3s linear",
                "height":"100px"
            });
            $(this).css({
                "box-shadow":"1px 1px 5px gray",
                "-moz-box-shadow":"1px 1px 5px gray",
                "border":"1px solid #999"
            });

        },function(){

            $(this).find(".maskContent").css({
                "transition":"height 0.3s",
                "-ms-transition":"height 0.3s linear",
                "-webkit-transition":"height 0.3s linear",
                "-o-transition":"height 0.3s linear",
                "height":"0px"
            });

            $(this).css({
                "box-shadow":"none",
                "-moz-box-shadow":"none",
                "border":"1px solid #e2e2e2"
            });


        });
    };

    /**
     *LabelChange()
     *标签样式切换
     **/
    function LabelChange(){
        $(".hotlabel li").hover(function(){
            $(this).removeClass("label-default").addClass("label-success").css("box-shadow","0 0 3px green");

        },function(){
            $(this).removeClass("label-success").addClass("label-default").css("box-shadow","none");
        });
    }

    /**
     *ClearMaskDiv()
     *去除课程模块上描述的html
     **/

    function ClearMaskDiv(){

        var Dom = $(".maskContent-text");

        Dom.each(function(){

            var DomText = $(this).text();
            DomText = DomText.replace(/<\/?[^>]*>/g,"");
            var ClipText = DomText.slice(0,40);
            if(ClipText.length>30)
                $(this).text(ClipText+"...[详细]");
            else
                $(this).text(ClipText);
        });

    }



    /**
     *ClearCourseAnnounceDiv()
     *去除课程公告的html
     **/

    function ClearCourseAnnounceDiv(){
        var AnnounceDom = $(".announcementText");
        AnnounceDom.each(function(index){
            var DText = $(this).html();
            var Dvalue = DText.replace(/<\/?[^>]*>/g,"");
            $(this).text(Dvalue);
        });


    }





</script>
<div class="site-footer container clearfix">
    <div class="alert text-center"><a href="http://www.miitbeian.gov.cn/" target="_blank"> 粤ICP备14044760-1</a></div>
</div>

<div id="ScrollToTop" class="btnimg Button2" style="color: rgb(255, 255, 255);text-align: center; display: block; background-color: rgba(12, 173, 87, 0.69);padding: 11px; width: 60px;bottom:15px;">返回<br>顶部</div>
<div id="login-modal" class="modal" data-url="/login/ajax"></div>
<div id="modal" class="modal"></div>


</body>
</html>
